/* #region  初始化 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  color: #333;
  background-color: #fff;
  font-family: text;
}

audio,
video {
  display: block;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -moz-outline-style: none;
}

ol,
ul {
  list-style: none;
}

li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
  display: block;
}

dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

button {
  border: none;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  outline: none;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

.clearfloat {
  zoom: 1;
}

.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.cursor {
  cursor: pointer;
}


.swiper-container {
  width: 100%;
}


/* #endregion */

/* #region  首页*/
.width {
  margin: 0 auto;
}
.header{width:100%;
  position: fixed;
top:0;
left:0;
background: #fff;
z-index: 999999999999999999999999;
}
.width{width:1600px;margin:0 auto;display: flex;align-items: center;justify-content: space-between;height:6rem;}
.nav{display: flex;justify-content: flex-start;align-items: center;height:100%;}
.nav li{height:100%;display: flex;align-items: center;}
.nav li a{padding:0 0.8rem;font-size: 0.9rem;transition: 50ms;}
.nav .nav_li{background: #e9f4ff;border-top: 0.2rem solid #144b85;color:#144b85;}
.nav li:hover{background: #e9f4ff;border-top: 0.2rem solid #144b85;color:#144b85;}
.nav_modal, .nav_icon {display: none;}
/* .nav p{height:100%;display: flex;align-items: center;} */
.nav p{display: flex;align-items: center;}
.nav p a{padding-left:0.5rem;font-size: 0.9rem;transition: 50ms;}
.nav p a span{
  margin-left: 0.5rem;
}
.banner {
  position: relative;
  margin-top: 6rem;
}

.banner .swiper-slide img {
  width: 100%;
}

.banner_prev,
.banner_next {
  position: absolute;
  width: 1.6rem;
  z-index: 10;
  cursor: pointer;
  outline: none;
  transition: .1s;
  right: 8rem;
  bottom:7rem;
}

.banner_prev {
  right: 9.5rem;
}

.banner_prev:hover,
.banner_next:hover {
  opacity: .85;
}
.swiper-pagination{
  width: 3rem;
  left:8rem;
  bottom:7rem;
  color:#fff;
}
.swiper-pagination span:nth-child(1){
  font-size: 1.2rem;
}
.partOne{
  width: 1600px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  top: -6rem;
  z-index: 99999;
}
.partOne li{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.partOne li:hover > img{

  transform:scale(1.1,1.1);

  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/

  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */

  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */

  -o-transition:all 0.5s ease-out;

}

.partOne li div{
  width: 100%;
  position: absolute;
  top:0;
  left:0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height:100%;
}
.partOne li div a img{
  width: 2.5rem;
  margin:0 auto;
}
.partOne li div a h1{
  width: 100%;
  text-align:center;
  font-size: 1.6rem;
  font-weight: bold;
  color:#fff;
  line-height: 3.4rem;
}
.partOne li div a p{
  background: #1e8b95;
  width: 6rem;
  text-align: center;
  line-height: 2rem;
  margin:0 auto;
  color:#fff;
  font-size: 0.8rem;
}
.partTwo{
  width: 1600px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 6rem;
}
.Tleft{
  width: 30%;
}
.Tleft h1{
  font-size: 2rem;
  color:#999999;
  line-height: 4rem;
}
.Tleft h2{
  font-size: 2.4rem;
  color:#666666;
  font-weight: bold;
}
.Tleft a{
  display: inline-block;
  font-size: 1.2rem;
  color:#999;
  padding-top: 0.8rem;
  border-top: 0.2rem solid #144b85;
  margin-top: 1.5rem;
}
.Tleft a:hover{
  color:#144b85;
}
.Tright{
  width: 65%;
}
.Ttext{
  font-size: 0.9rem;
  line-height: 1.8rem;
  margin-bottom: 1.5rem;
}
.Tright dl{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.Tright dl dd{
  width: 24%;
  position: relative;
  height:calc(100%);
  overflow: hidden;
}
.Tright dl dd:hover > img{

  transform:scale(1.1,1.1);

  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/

  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */

  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */

  -o-transition:all 0.5s ease-out;

}
.Tright dl dd a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  font-size: 1.1rem;
  color:#fff;
  text-align: center;
  position: absolute;
  top:0;
  left:0;
  background: rgba(20, 75, 133, 0.75);
  display: none;
}
.Tright dl dd:hover a{
  display: flex;
}
.partThree{
  width: 100%;
  background: #fafafa;
  padding:3.3rem 0;
}
.partTreeTitle{
  width: 100%;
  text-align: center;
  margin-bottom: 2.5rem;
}
.partTreeTitle h1{
  font-size: 2rem;
  color:#212121;
}
.partTreeTitle h2{
  color:#144b85;
  font-size: 1rem;
  margin-top: 1rem;
}
.THBox{
  width: 100%;
  overflow-x: hidden;
}
.THBox .swiper {
  width: 100%;
  height: 100%;
  position: relative;
}
.THBox .swiper-slide{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.threePic{
  width: 50%;
  overflow: hidden;
}
.threePic:hover img{
  transform:scale(1.1,1.1);

  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/

  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */

  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */

  -o-transition:all 0.5s ease-out;
}
.thrCon{
  width: 37%;
  margin-right: 7%;
  padding-top: 2rem;
}
.thrCon h1{
  font-size: 1.2rem;
  color:#252323;
}
.thrCon h2{
  font-size: 0.9rem;
  color:#565656;
  line-height: 1.8rem;
  margin-bottom:3.5rem;
  margin-top: 2rem;
}
.thrCon h3{
  width: 80%;
  margin-bottom: 2rem;
}
.thrCon h3 a{
  display: flex;
  margin-bottom: 1rem;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
}
.thrCon h3 a:hover{
  color:#144b85;
}
.thrMore{
  padding:0.3rem 1.2rem;
  background: #999;
  font-size: 0.8rem;
  color:#fff;
}
.thrMore:hover{
  background: #1e8b95;
}
.fanyeIcon{
  width: 7rem;
  height:7rem;
  background: rgba(30, 139, 149, 0.7);
  border:0.7rem solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  position: absolute;
  left:50%;
  top:50%;
  margin-left: -3.5rem;
  margin-top:-3.5rem;
  z-index: 9999999999;
}
.fanyeIcon .swiper-button-next, .fanyeIcon .swiper-button-prev{
  color:#fff;
  right:0.7rem;
}
.fanyeIcon .swiper-button-prev{
  right: auto;
  left:0.7rem;
}
.partFourBox{
  width: 100%;
  background: url(../images/bg1.jpg) no-repeat top center;
  background-attachment:fixed;
  background-position: center;
  padding:6rem 0;
}
.partFour{
  width: 1600px;
  margin:0 auto;
}
.partFourTitle{
  width: 80%;
  margin:0 auto;
  text-align: center;
  margin-bottom: 4rem;
}
.partFourTitle h1{
  font-size: 2rem;
  color:#fff;
  line-height: 2rem;
}
.partFourTitle h2{
  color:#fff;
  font-size: 1rem;
  margin-top: 1rem;
}
.Fbox{
  width: 100%;
  overflow: hidden;
}
.Fbox .swiper {
  width: 100%;
  height: 100%;
}
.Fbox .swiper-slide{
  height:calc(100%);
  position: relative;
  overflow: hidden;
}
.Fbox .swiper-slide div{
  width: 100%;
  height:100%;
  position: absolute;
  left:0;
  top:0;
  background: rgba(20, 75, 133, 0.95);
  display: flex;
  align-items: center;
  padding:1rem;
}
.Fbox .swiper-slide div h1{
  font-size: 1rem;
  color:#fff;
}
.Fbox .swiper-slide div h2{
  font-size: 0.8rem;
  color:#fff;
  line-height: 1.6rem;
  margin:1rem 0;
}
.Fbox .swiper-slide div p{
  font-size: 0.8rem;
  color:#fff;
}

.Fbox .swiper-slide:hover img{
  transform:scale(1.1,1.1);
  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/
  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */
  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */
  -o-transition:all 0.5s ease-out;
}
.FboxPhone{
  display: none;
}
.partFiveBox{
  width: 100%;
  background: url(../images/bg2.jpg) no-repeat top center;
  padding:9rem 0;
}
.partFive{
  width: 1600px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.Fleft{
  width: 23%;
}
.Fleft h1{
  font-size: 2rem;
  color:#999999;
  line-height: 4rem;
}
.Fleft h2{
  font-size: 2.3rem;
  color:#666666;
  font-weight: bold;
  margin-bottom: 2rem;
}
.Fleft a{
  padding:0.5rem 2rem;
  background: #144b85;
  color:#fff;
  font-size: 0.9rem;
}
.Fright{
  width: 75%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.Fright dd{
  width: 30%;
  margin-left: 1.5%;
  background: #fff;
  position: relative;
}
.Fright dd div{
  width: 100%;
  overflow: hidden;
  height:calc(100%);
}
.Fright dd:hover div img{
  transform:scale(1.1,1.1);
  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/
  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */
  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */
  -o-transition:all 0.5s ease-out;
}
.Fright dd h1{
  width: 90%;
  font-size: 1rem;
  line-height: 1.5rem;
  margin:1rem auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.Fright dd h2{
  font-size: 0.8rem;
  line-height: 1.5rem;
  width: 90%;
  margin:0 auto;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.Fright dd h3{
  width: 90%;
  margin:0 auto;
  padding-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
}
.Fright dd h3 p{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.Fright dd h3 p span{
  color:#999;
  margin-left: 0.5rem;
}
.Fright dd h3 p:nth-child(2){
  position: absolute;
  right:0;
  bottom:0;
  width: 2rem;
  height:2rem;
  background: #1e8b95;
  color:#fff;
  text-align: center;
  justify-content: center;
  line-height: 2rem;
}
.Fright dd:hover{
  background: #144b85;
  box-shadow: 0 0 1rem #ccc;
}
.Fright dd:hover h1,.Fright dd:hover h2,.Fright dd:hover h3 span{
  color:#fff;
}
.partSix{
  width: 100%;
  background: #1e8b95 url(../images/bg3.jpg) no-repeat right top;
}
.Sleft{
  width: 1600px;
  margin:0 auto;
  height:26rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: url(../images/bg4.jpg) no-repeat left bottom;
}
.sixBox{
  width: 35%;
  margin-top: -2rem;
}
.sixBox h1{
  font-size: 1.2rem;
  color:#fff;
  line-height: 2.4rem;
  margin-bottom: 1rem;
}
.sixBox h2{
  margin-bottom:1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sixBox h2 span{
  font-size: 0.9rem;
  color:#fff;
  line-height: 1rem;
  margin-left: 0.5rem;
}
.foot{
  width: 100%;
  background: #002455;
  padding-top: 2.8rem;
}
.footBox{
  width: 1600px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.Bleft{
  width: 40%;
}
.Fe-mail h1{
  font-size: 0.8rem;
  line-height: 1.6rem;
  margin-top: 1.5rem;
  color:#c8c8c8;
}
.Fe-mail div{
  width: 16.8rem;
  background: #023465;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height:2.4rem;
}
.Fe-mail div input{
  line-height: 2.4rem;
  font-size: 0.9rem;
  background: none;
  text-indent: 0.5rem;
  border:none;
  color:#fff;
}
.Fe-mail div button{
  background: #052c53;
  height:100%;
}
.Fe-mail div button img{
  height:100%;
}

.Bright{
  width: 60%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.Bright h1{
  font-size: 0.9rem;
  margin-left: 2rem;
}
.Bright h1 a{
  color:#999;
  display: block;
  white-space: nowrap;
  line-height: 2rem;
}
.Bright h1 a:hover{
  color:#fff;

}
.Bright h1 a:nth-child(1){
  font-size: 1rem;
  color:#fff;
}

.link{
  width: 1600px;
  margin:1.5rem auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.link div{
  font-size: 0.8rem;
  color:#c8c8c8;
}
.link div:nth-child(2){
  margin-left: 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.link div:nth-child(2) a{
  margin-right: 1rem;
}
.copyright{
  width: 100%;
  padding:1rem 0;
  line-height: 1.4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  font-size: 0.7rem;
  color:#fff;
}
.floatNav{
  width: auto;
  position: fixed;
  top:40%;
  right:0;
  z-index: 9999999999999;
}
.floatNav a{
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.floatNav a p{
  width: 2.4rem;
  height:2.4rem;
  background: rgba(0,0,0,0.5);
  border-radius: 5px 0 0 5px;
}
.floatNav a p img{
  width: 100%;
}
.floatNav a span{
  display: none;
  line-height: 2.4rem;
  font-size: 0.8rem;
  color:#fff;
  position: absolute;
  right:2.4rem;
  top:0;
  white-space: nowrap;
  overflow: hidden;
}
.floatNav a:nth-child(2) span{
  padding:0 1rem;
  border-radius: 5px 0 0 5px;
}
.floatNav a:nth-child(4) span{
  width: 4.3rem
  padding: 0.25rem;
  border:1px solid #eee;
  border-radius: 5px;
  position: absolute;
  right:2.6rem;
  top:0;
}
.floatNav a:hover p{
  background: #0e6eb8;
  border-radius: 0;
}
.floatNav a:hover span{
  display: block;
  background: #0e6eb8;
}
.nBan{
  width: 100%;
  position: relative;
  height:calc(100%);
  margin-top: 6rem;
}
.nBanBox{
  width:100%;
  position: absolute;
  left:0;
  top:0;
  height:100%;
}
.nBanT{
  width: 1600px;
  margin:0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 2.5rem;
}
.nBanTitle h1{
  text-align: right;
  font-family: '方正正粗黑简体';
  font-size: 2.4rem;
  color:#144b85;
  margin-bottom: 0.5rem;
}
.nBanTitle div{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.nBanTitle div *{
  margin-left: 0.5rem;
  font-size: 0.9rem;
  color:#4c4c4c;
}

.secend{
  width: 100%;
  background: #eaeaea;
}
.secBox{
  width: 1600px;
  margin:0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding:0.5rem 0;
  flex-wrap: wrap;
}
.secBox a{
  font-size: 0.9rem;
  background: #4c4c4c;
  color:#fff;
  padding:0.4rem 1.5rem;
  border-radius: 0.5rem;
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  white-space: nowrap;
}
.secBox .secA{
  background: #1e8b95;
}
.secBox a:hover{
  background: #1e8b95;
}
.s_sec{
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ccc;
}
.s_secBox{
  width: 1600px;
  margin:0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding:0.5rem 0;
  flex-wrap: wrap;
}
.s_secBox a{
  font-size: 0.8rem;
  color:#4c4c4c;
  padding:0.4rem 0;
  border-radius: 0.5rem;
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  white-space: nowrap;
  font-weight: bold;
}
.s_secBox .secB{
  color: #1e8b95;

}

.caseList{
  width: 1600px;
  margin:2rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.caseList li{
  width: 49%;
  margin-bottom: 1.5rem;
  background: #f6f6f6;
  height: calc(100%);
}
.caseList li a{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: calc(100%);
}
.caseList li:nth-child(even) a{
  flex-direction: row-reverse;
}
.caseLeft{
  width: 57%;
  padding:1rem 1.5rem;
}
.caseLeft h1{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
}
.caseLeft h1 span{
  font-weight: bold;
}
.caseLeft h1 p{
  background: #1e8b95;
  color:#fff;
  font-size: 0.8rem;
  padding:0.3rem 0.75rem;
  border-radius: 0.3rem;
}
.caseLeft h2{
  font-size: 0.8rem;
  line-height: 1.6rem;
  color:#666;
  margin:1rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.caseLeft h3{
  text-align: right;
  font-size: 0.8rem;
  color:#999;
}
.caseRight{
  width: 43%;
  height:calc(100%);
}
.caseRight img{
  width: 100%;
}
.caseList li:hover h1 span{
  color:#144b85;
}
.caseList li:hover h1 p{
  background: #144b85;
}
.caseList li:hover h3{
  color:#144b85;
}
.page{
  width: 100%;
  margin:2rem auto 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page a{
  width: 2.2rem;
  height:2.2rem;
  background: #fff;
  text-align: center;
  line-height: 2.2rem;
  border-radius: 1.1rem;
  margin:0 0.5rem;
  box-shadow: 0 0.2rem 0.5rem #ccc;
  font-size: 0.8rem;
}
.page a:first-child,.page a:last-child{
  width: 5rem;
}
.page a:hover{
  background: #1e8b95;
  color:#fff;
}
.page .pageA{
  background: #1e8b95;
  color:#fff;
}
.caseBox{
  width: 1320px;
  margin:2.5rem auto 3rem;
}
.caseTitle{
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
.casePic img{
  margin:0 auto;
}
.caseShow{
  width: 100%
}
.caseST{
  font-size: 1rem;
  line-height: 3.5rem;
  margin-top: 2rem;
  font-weight: bold;
}
.caseCon{
  font-size: 0.9rem;
  line-height: 1.8rem;
  padding:1rem 0;
  border-top:1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.fanye{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:2rem auto;
}
.fanye div p{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1.6rem;
  color:#666;
}
.fanye > a{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0.5rem 2rem;
  background: #144b85;
  color:#fff;
  font-size: 0.9rem;
  border-radius: 0.5rem;
}
.fanye > a img{
  width: 0.9rem;
  margin-right: 0.5rem;
}
.companyBox{
  width: 1600px;
  margin:5rem auto;
}
.profileOne{
  width: 100%;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2rem;
}
.profileOne > img{
  width: 52%;
}
.oneBox{
  padding-top: 1.5rem;
  width: 45%;
}
.prfileTitle{
  margin-bottom: 1.5rem;
}
.prfileTitle a{
  font-size: 1.2rem;
  font-weight: bold;
  border-bottom: 0.1rem solid #144b85;
  line-height: 2rem;
  padding-bottom: 0.5rem;
}
.oneCon{
  font-size: 0.9rem;
  line-height: 2rem;
}
.profileTwo{
  width: 100%;
  margin:0 auto;
  margin-top:2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2rem;
}
.twoCon{
  font-size: 0.9rem;
  line-height: 2rem;
}
.profileTwo dl{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.5rem;
}
.profileTwo dl dd{
  width: 32%;
  margin-right: 2%;
  height:calc(100%);
}
.profileTwo dl dd:nth-child(3n){
  margin-right: 0;
}
.profileTwo dl dd img{
  width: 100%;
}
.profileThree{
  width: 100%;
  margin-top:2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.thrLeft{
  width: 48%;
}
.thrRight{
  width: 48%;
}
.threeCon{
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.profileFour{
  width: 100%;
  margin:0 auto;
  margin-top:2rem;
}
.profileFour .prfileTitle{
  text-align: center;
}
.profileFour h1{
  font-size: 0.8rem;
  line-height: 2.2rem;
  margin-top: 1rem;
}
.fourBox{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1;
}
.bu{
  width: 100%;
}
.bu .buImg{
  width: 100%;
  height:23.7rem;
}
.buImg img{
  margin:0 auto;
  max-width: 90%;
}
.buCon{
  width: 74%;
  background: #144b85;
  margin:0 auto;
  position: relative;
  margin-top: 2rem;
  padding:1rem;
  padding-top: 2rem;
  color:#fff;
  border-radius: 0.5rem;
}
.buCon h2{
  font-size: 0.8rem;
  line-height: 1.6rem;
}
.buCon h3{
  display: inline-block;
  background: #1e8b95;
  padding:0.5rem 1.2rem;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  position: absolute;
  top:-1rem;
  left:1rem;
}
.history{
  width: 1320px;
  margin:2.5rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.hisLeft{
  width: 60%;
  position: relative;
}
.hisLeft img{
  position: absolute;
  top:0;
  left:15.5%;
  z-index: -1;
  width: 2rem;
}
.hisLeft img:nth-child(2){
  top: auto;
  bottom:0;
}
.hisLeft hr{
  width: 1px;
  height:95%;
  border-left: 1px solid #ccc;
  position: absolute;
  left:17.9%;
  top:2.5%;
  z-index: -2;
}
.hisLeft ul{
  width: 100%;
  padding:3rem 0;
}
.hisLeft ul li{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2.5rem;
}
.hisLeft ul li h1{
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.8rem;
  margin-right: 1.1rem;
  width: 13%;
}
.hisLeft ul li h2{
  width: 1.8rem;
  height:1.8rem;
  border-radius: 50%;
  background: #c1c1c1;
  border:0.4rem solid #909090;
  margin-right: 1rem;
}
.hisLeft ul li h3{
  width: 75%;
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.hisLeft ul li:hover h2{
  background: #1e8b95;
  border:0.4rem solid #144b85;
}
.hisRight{
  width: 35%;
}
.leader{
  width: 1600px;
  margin:2.5rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.leadLeft{
  width: 25%;
}
.leadLeft h1{
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}
.leadLeft h2{
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.leadRight{
  width: 70%;
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.culture{
  width: 1400px;
  margin:3rem auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.culLeft{
  width: 40%;
}
.culLeft div{
  margin-bottom: 2rem;
}
.culLeft div h1{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.culLeft div h1 span{
  font-size: 1.4rem;
  font-weight: bold;
  color:#144b85;
  margin-left: 0.5rem;
}
.culLeft div h2{
  font-size: 1rem;
  line-height: 2.5rem;
  font-weight: bold;
  padding-left: 2rem;
}
.culRight{
  width: 60%;
}
.honor{
  width: 1600px;
  margin:2.5rem auto;
}
.honor h1{
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.honor dl{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.honor dl dd{
  width: 23%;
  margin: 0.75rem 1%;
  background: #f1f1f1;
  padding:1rem;
}
.honor dl dd div{
  width: 100%;
  height:100%;
  overflow: hidden;
}
.honor dl dd:hover div img{
  transform:scale(1.1,1.1);

  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/

  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */

  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */

  -o-transition:all 0.5s ease-out;
}
.honor dl dd h2{
  font-size: 0.8rem;
  text-align: center;
  line-height: 2rem;
}
.search{
  width: 100%;
  padding:1rem 0;
  box-shadow: 0 0.6rem 0.3rem #eee;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search div{
  width: 48rem;
  border-radius: 0.5rem;
  border:1px solid #1e8b95;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search div input{
  width: 80%;
  line-height: 2.8rem;
  font-size: 0.9rem;
  text-indent: 1rem;
  border:none;
  background: none;
}
.search div button{
  width: 20%;
  background: #1e8b95;
  height:2.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  color:#fff;
}
.search div button img{
  margin-right: 0.5rem;
}
.service{
  width: 1600px;
  margin:3rem auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.service li{
  width: 32%;
  margin-right: 2%;
  background: #f0f0f0;
  padding-bottom: 0.75rem;
  margin-bottom: 1.5rem;
}
.service li:nth-child(3n){
  margin-right: 0;
}
.service li h1{
  font-size: 1rem;
  line-height: 2rem;
  color:#333;
  padding:0 1rem;
  margin-top: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.service li h2{
  font-size: 0.8rem;
  line-height: 1.5rem;
  color:#333;
  padding:0 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.service li:hover{
  background: #144b85;
}
.service li:hover h1,.service li:hover h2{
  color:#fff;
}
.service li div{
  width: 100%;
  overflow: hidden;
}
.service li:hover div img{
  transform:scale(1.1,1.1);
  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/
  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */
  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */
  -o-transition:all 0.5s ease-out;
}
.serBox{
  width: 1320px;
  margin:2.5rem auto;
}
.serTitle{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.serTitle h1{
  font-size: 1.3rem;
}
.serTitle a{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.serTitle a span{
  font-size: 0.9rem;
  color:#1e8b95;
  margin-left: 0.5rem;
}
.serCon{
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.8rem;
  padding:2rem 0;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  margin:2rem auto;
}
.serCon img{
  max-width: 100%;
}
.contact{
  width: 1600px;
  margin:3rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.tactLeft{
  width: 70%;
}
.tactRight{
  width: 25%;
  padding-top: 1.5rem;
}
.tactRight h1{
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.tactRight div{
  font-size: 0.9rem;
  line-height: 1.8rem;
  color:#666;
  margin:1rem 0;
}
.tactRight img{
  width: 9rem;
  padding:0.5rem;
  border:1px solid #999;
}
.misseen{
  width: 1600px;
  margin:2.5rem auto;
  background: #f7f7f7;
  padding:1.5rem 0;
}
.missBox{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.missBox div{
  width: 39%;
  margin:0.5rem 2%;
}
.missBox div p{
  font-size: 1rem;
  line-height: 2.5rem;
}
.missBox div p span{
  color:#ff0000;
}
.missBox div input{
  width: 100%;
  background: #fff;
  border:1px solid #ccc;
  padding:0 0.5rem;
  font-size: 1rem;
  line-height: 2.5rem;
}
.missBox div:nth-child(5){
  width: 82%;
}
.missBox div textarea{
  width: 100%;
  background: #fff;
  border:1px solid #ccc;
  padding:0 0.5rem;
  font-size: 1rem;
  line-height: 2.5rem;
}
.misseen button{
  display: block;
  width: 8.2rem;
  height:2.4rem;
  margin:2.5rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1e8b95;
  border-radius: 0.5rem;
}
.misseen button img{
  width: 1rem;
}
.misseen button span{
  font-size: 1rem;
  color:#fff;
  margin-left: 0.5rem;
}
.person{
  width: 1600px;
  margin:2.5rem auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8f8f8;
}
.perPic{
  width: 35%;
  height: calc(100%);
}
.perText{
  width: 65%;
  padding:1rem 2rem;
}
.perTitle{
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2.6rem;
}
.perCon{
  font-size: 0.9rem;
  line-height: 2rem;
}
.jobTitle{
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  font-weight: bold;
}
.jobList{
  width: 1600px;
  margin:0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;

}
.jobList li{
  width: 46%;
  margin:1rem 2%;
  background: #f3f3f3;
  padding:1rem 2%;
}
.jobTop{
  width:100%;
  padding-bottom:0.5rem;
  border-bottom: 2px solid #e2e2e2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jobTop div h1{
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.jobTop div h2{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.jobTop div h2 span{
  font-size: 0.8rem;
  margin-left: 0.5rem;
}
.jobTop h3{
  background: #999;

  border-radius: 0.5rem;
  padding:0.5rem 1rem;
  color:#fff;
  font-size: 0.8rem;
}



.jobBot{
  width: 100%;
}
.jobBot h1{
  font-size: 1rem;
  line-height: 2.5rem;
}
.jobBot h2{
  font-size: 0.8rem;
  line-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.jobC{
  width: 100%;
  padding-top: 0.8rem;
  border-top: 1px solid #e2e2e2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jobC a{
  display: flex;
  padding:0.5rem 1.5rem;
  background: rgba(1,64,115,0.6);
  margin-right:1rem;
  width: 50%;
  justify-content: center;
  align-items: center;
  color:#fff;
  border-radius: 1rem;
}
.jobC a:nth-child(2){
  margin:0;
}
.jobC a span{
  font-size: 0.8rem;
  margin-left: 0.5rem;
}
.jobList li:hover .jobTop h3{
  background: #1e8b95;
}
.jobList li:hover .jobC a{
  background: rgba(1,64,115,0.85);
}
.jobShow{
  width: 1320px;
  margin:0 auto;
  margin-top: 3rem;
}
.jobCon{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ccc;
}
.jobLeft{
  width: 35%;
}
.jobLeft h1{
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.jobLeft h2{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.jobLeft h2 span{
  margin-left: 0.5rem;
}
.jobLeft button{
  width: 11rem;
  line-height: 2.8rem;
  color:#fff;
  border-radius: 1.5rem;
  background-image: linear-gradient(to bottom, #00beff, #0076ec);
  margin-top: 2rem;
  font-size: 1rem;
}
.jobRight{
  width: 65%;
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.proList{
  width: 1600px;
  margin:0 auto;
  margin-top: 2.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap:wrap;
}
.proList li{
  width: 23.5%;
  margin-right: 2%;
  position: relative;
  overflow: hidden;
  height:calc(100);
  margin-bottom: 1rem;
  padding-top: 3rem;
  background: #f0f0f0;
}
.proList li:nth-child(4n){
  margin-right: 0;
}

.proList li h1{
  font-size: 1.2rem;
  position: absolute;
  left:1rem;
  top:0.75rem;
}
.proList li:hover h1{
  display: none;
}
.proList li div{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height:100%;
  width: 100%;
  background: rgba(30, 139, 149, 0.65);
  position: absolute;
  left:0;
  top:0;
  padding:42% 0;
}
.proList li div h2{
  width: 100%;
  font-size: 1.2rem;
  padding:0 1rem;
  color:#fff;
  text-align: center;
}
.proList li div p{
  width: 5.7rem;
  background: #fff;
  border-radius: 0.3rem;
  color:#1e8b95;
  font-size: 0.8rem;
  line-height: 1.9rem;
  text-align: center;
}
.proShow{
  width: 1320px;
  margin:0 auto;
  margin-top: 2.5rem;
}
.proOne{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.proLeft{
  width: 47%;
}
.proRight{
  width: 50%;
}
.proRight h1{
  font-size: 1.2rem;
  margin-bottom: 2rem;
  line-height: 2.4rem;
  padding-left: 0.5rem;
}
.proRight h2{
  font-size: 1rem;
  line-height: 2.2rem;
  padding-left: 0.5rem;
  border-bottom: 1px solid #ccc;
  color:#1e8b95;
}
.proRight h3{
  font-size: 0.9rem;
  line-height: 2.2rem;
  margin:0.5rem 0;
}
.proRight div{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5rem;
}
.proRight div a{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1e8b95;
  margin-right: 1.5rem;
  padding:0.8rem 2.5rem;
  border-radius: 0.5rem;
}
.proRight div a span{
  color:#fff;
  font-size: 0.9rem;
  margin-left: 0.5rem;
}
.proRight div a:nth-child(2){
  background: #144b85;
}
.proTwo{
  margin:2rem auto;
}
.proTtiyle{
  font-size: 1.3rem;
  line-height: 3rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
  font-weight: bold;
}
.proCon{
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.proThree{
  padding-bottom: 2rem;
  border-bottom: 1px solid #ccc;
}
.proCon img{
  max-width: 100%;
  margin:0 auto;
}
.newList{
  width: 1200px;
  margin:0 auto;
  margin-top: 3rem;
}
.newList dd{
  margin-bottom: 2rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.5rem;
  position: relative;
}
.newList dd a{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.time{
  width: 5.8rem;
  height:5.8rem;
  background: #eaeaea;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding:0.75rem 0;
}
.time h1{
  font-size: 3rem;
  color:#144b85;
  font-family: 'Rajdhani';
  width: 100%;
  text-align: center;
  line-height: 3rem;
}
.time h2{
  font-size: 1.2rem;
  color:#6c6c6c;
  font-family: 'Rajdhani';
  line-height: 1.2rem;
}
.newList dd:hover .time{
  background: #144b85;
}
.newList dd:hover .time h1,.newList dd:hover .time h2{
  color:#fff;
}
.newT{
  width: 88%;
}
.newT h1{
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.newList dd:hover .newT h1{
  color:#144b85;
}
.newT h2{
  font-size: 0.9rem;
  line-height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.newList dd p{
  position: absolute;
  right:0;
  top:0;
  width: 2rem;
  height:2rem;
  font-size: 1.5rem;
  line-height: 1.8rem;
  text-align: center;
  font-weight: bold;
  background: #eaeaea;
  color:#595959;
  border-radius: 0.4rem;
}
.newShow{
  width: 1200px;
  margin:0 auto;
  margin-top: 3rem;
}
.newTitle{
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.newTitle h1{
  font-size: 1.5rem;
  color:#144b85;
}
.newTitle h2{
  font-size: 0.8rem;
  line-height: 2.6rem;
  color:#666;
}
.newCon{
  margin-top: 1.5rem;
  font-size: 0.8rem;
  line-height: 1.8rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #ccc;
}
.ziliao{
  width: 1320px;
  margin:0 auto;
  margin-top: 3rem;
}
.zlTitle{
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.ziliao ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #efefef;
  border-top: 1px solid #cecece;
}
.ziliao ul li{
  font-size: 1rem;
  line-height: 3rem;
  text-align: center;
}
.ziliao ul li:nth-child(1){
  width: 35%;
  padding-left: 2rem;
  text-align: left;
}
.ziliao ul li:nth-child(2),.ziliao ul li:nth-child(3){
  width: 15%;
}
.ziliao ul li:nth-child(4){
  width: 15%;
}
.ziliao dl{
  width: 100%;
}
.ziliao dl dd{
  padding:1rem 0;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ziliao dl dd h1{
  width: 35%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ziliao dl dd h1 span{
  font-size: 1rem;
  margin-left: 0.5rem;
}
.ziliao dl dd h2{
  width: 15%;
  text-align: center;
  font-size: 1rem;
}
.ziliao dl dd h3{
  width: 15%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ziliao dl dd h3 a{
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1e8b95;
  padding:0.5rem 0;
  width: 7rem;
  border-radius: 0.5rem;
  margin-right: 1.5rem;
}
.ziliao dl dd h3 a span{
  color:#fff;
  font-size: 0.9rem;
  margin-left: 0.5rem;
}
.ziliao dl dd:hover h1 span,.ziliao dl dd:hover h2{
  color:#1e8b95;
}
/* #endregion */

/* 0579b5 */